<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>开心Go</title>
    <meta name="keywords" content="商城" />
    <meta name="description" content="商城" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/amazeui.min.js"></script>
    <link rel="stylesheet" href="css/amazeui.min.css" type="text/css" />
    <link rel="stylesheet" href="css/style.css" type="text/css" />
    <script src="./js/vue.js"></script>
    <link rel="stylesheet" href="./css/buttom_button.css">
    <link rel="stylesheet" href="css/sale.css" type="text/css" />
</head>

<header data-am-widget="header" class="am-header am-header-default s-header">
    <div class="am-header-left am-header-nav">
        <!-- 侧边栏内容 -->

    </div>
    <h1 class="am-header-title">
        超值商品
    </h1>
    <div class="am-header-right am-header-nav">
        <a href="../index.html" class=""> <i class="iconfont">&#xe601;</i> </a>
    </div>
</header>

<body>
    <div class="jl"></div>
    <script src="./js/vue.js"></script>
    <div data-am-widget="navbar" class="am-navbar  gm-foot am-no-layout" id="">
        <ul class="am-navbar-nav am-cf am-avg-sm-5">
            <li class="curr">
                <a href="../index.html" class="curr">
                    <span class="iconfont icon-home"></span>
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href="search.html" class="">
                    <span class="iconfont icon-search"></span>
                    <p>搜索</p>
                </a>
            </li>
            <li>
                <a href="category.html" class="">
                    <span class="iconfont icon-kind"></span>
                    <p>分类</p>
                </a>
            </li>
            <li>
                <a href="shopcar.html" class="">
                    <span class="iconfont icon-car"></span>
                    <p>购物车</p>
                </a>
            </li>
            <li>
                <a href="member.html" class="">
                    <span class="iconfont icon-mine"></span>
                    <p>我的</p>
                </a>
            </li>
        </ul>
    </div>
    <div class="spl">
        <ul>
            <template v-for="good in goodsList">
                <li v-if="good.SaleAmount>0">
                    <img v-bind:src="good.GoodsImage" alt="">
                    <p>{{good.Title}}</p>
                    <p><span>￥{{good.SaleAmount}}</span></p>
                </li>
            </template>
        </ul>
    </div>

    <script>
        var vm = new Vue({
            el: ".spl",
            data: {
                goodsList: [{
                    "Title": "旭平首饰耳环女气质韩国个性百搭长款显脸瘦简约时尚耳饰",
                    "GoodsImage": "./images/earring.PNG",
                    "SaleAmount": 29.9,
                    // "OriginalPrice": 10,
                }, {
                    "Title": "24k黄金项链 女款 999足金 黄金首饰 女士锁骨链心形吊坠送戒指",
                    "GoodsImage": "./images/diaozhui.PNG",
                    "SaleAmount": 880,
                    // "OriginalPrice": 10,
                }, {
                    "Title": "卡蒂罗彼岸花手链女韩版纯银简约小众设计首饰个性镶施华洛世奇锆",
                    "GoodsImage": "./images/shoulian.PNG",
                    "SaleAmount": 838,
                    // "OriginalPrice": 10,
                }, {
                    "Title": "周大生黄金金镶玉吊坠女款 清透芙蓉石项链软萌猫咪首饰官方正品",
                    "GoodsImage": "./images/zhoudasheng.PNG",
                    "SaleAmount": 2278,
                    // "OriginalPrice": 10,
                }, {
                    "Title": "周大福首饰经典几何光华精致黄金手链工费：148元计价F202691",
                    "GoodsImage": "./images/zhoudafu.PNG",
                    "SaleAmount": 3906,
                    // "OriginalPrice": 10,
                }, {
                    "Title": "精品全场活动周大福珠宝首饰时尚足金黄金手链（计价）F180512",
                    "GoodsImage": "./images/zhoudafu1.PNG",
                    "SaleAmount": 8338,
                    // "OriginalPrice": 10,

                }]
            }

        })
    </script>

</body>

</html>